﻿/*重置样式*/
@charset utf-8;

@font-face{
	/*font-family: fz;
	src: url('/CSS/Shop/font/fzjt.TTF')*/
}

*{
   /*font-family:fz;*/
}

.ng-cloak{display:none;}  
li{list-style: none;}
i{font-style: normal;}
*:focus {outline: none;}

body{padding-top:0;font-size:12px;color:#333;font-family:\5B8B\4F53;margin:0; max-width:640px;margin:0 auto}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,button,p,blockquote,th,td,address span a{border:0;margin:0;padding:0;}
ul li{list-style:none;margin:0;padding:0;padding-top: 10px;}
a,a:hover,a:visited,a:active{text-decoration:none;color:#333;}
img{border:0;}
.c{overflow:hidden;height:0;font-size:0;clear:both;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.none{display: none;}
.both{width:auto; height:auto;}

/*头部*/
.head{width:100%;height:44px;position:relative;background: #d12f26; }
.head p{/*width:100%;*/height:44px;text-align:center;line-height:44px;color:#fff;background:#d12f26;font-size:18px;margin: 0 20%;}
.head span{width:53px;height:44px;background:url(http://cdn.xsmore.com/Images/Common/btn_red-back.png) no-repeat;background-size:53px 44px;position:absolute;top:0px;left:0px;display:block;}

.head .trash{
	position: absolute;
    right: 10px;
    top:11px;
    height: 22px;
    width: 16px;
}
.head .trash img{
	width: 100%;
	height: 100%;
}
/*蓝色头**/
.head-red span{
	background: url(http://cdn.xsmore.com/Images/Common/btn_red-back.png) no-repeat 0 0;
	background-size:53px 44px;
}
.head-red p{
	background: #bf1f16;
}


/*绿色*/
.head-green span{
	background: url(http://cdn.xsmore.com/Images/Common/head-back.png) no-repeat 0 0;
    background-size: 26px;
    margin-top: 8px;
    margin-left: 10px;
    height: 28px;
}
.head-green p{
	background: #41a28e;
}

/**新版头*/
.head-top{
	padding: 10px 15px;
	background: #f84443;
}
.head-top .left-name{
	float: left;
	font-size: 14px;
	color: rgba(255,255,255,.7);
}
.head-top .left-name > img{
    width: 22px;
    height: 22px;
    border-radius: 10px;
    margin-right: 5px;
    vertical-align: -6px;
}
.head-top .link{
	float: right;
	color: rgba(255,255,255,.7);
    margin-left: 10px;
    margin-top: 4px;
}


/*不错呦黄色头部，带人物头像*/
.hd-yellow{
    position: relative;
    height: 46px;
    background: #fed52f;
}
.hd-yellow img{
    float: left;
    width: 28px;
    height: 28px;
    margin-top: 7px;
    margin-left: 15px;
    border: 1px solid #fff;
    border-radius: 13px;
}
.hd-yellow .hd-yellow-title{
	display: inline-block;
    height: 46px;
    line-height: 46px;
    margin-left: 5px;
    font-size: 14px;
}
.hd-yellow .edit{
    position: absolute;
    right: 15px;
    top: 14px;
    font-size: 14px;
}

/*不错哟黄色头部 带返回按钮*/
.head-yellow{
    position: relative;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #fed52f;
}
.head-yellow .back{
    position: absolute;
    left: 15px;
    top: 11px;
    width: 20px;
    height: 20px;
    border: 1px solid #333;
    border-radius: 100%;
}
.head-yellow .back:before{
    content: "";
    position: absolute;
    left: 7px;
    top: 5px;
    width: 8px;
    height: 8px;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}



.head_black{
    width:100%;
    height:40px;
    position:relative;
    background-color: #323232;
}
.head_black .logo{
    padding-left: 15px;
    padding-top:5px;
}
.head_black .logo img{
    width: 30px;
    height: 30px;
    border-radius:30px;
}
.head_black p{
    font-size:14px;
    color: #ffffff;
    line-height:40px;
    padding-left: 10px;
    padding-right: 10px;
}

.top-link{
	padding: 10px 0;
    background-color: #323232;
    color: #fff;
    font-size: 14px;
}
.top-link .left{
	float: left;
	margin-left: 10px;
}
.top-link .left img{
	width: 20px;
    height: 20px;
    vertical-align: -5px;
    margin-right: 5px;
}
.top-link a{
	float: right;
    margin-right: 10px;
    color: #fff;
}


.back-vip{
	position: fixed;
	left: 0;
	bottom: 120px;
	width: 80px;
}
.back-vip img{
	width: 100%;
}



.list_cnt_box{width:100%;padding-top:10px;}
.list_cnt_warp{margin-top:5px;}

.list_cnt_warp .number,.list_cnt_warp .list_cnt1 .number,.list_cnt_warp .list_cnt2 .number,.list_cnt_warp .list_cnt3 .number,.list_cnt_warp .list_cnt4 .number{
	  position: absolute;
	  right: 0;
	  top: 6px;
	  left: auto;
	  text-align: center;
	  display: inline-block;
	  height: 20px;
	  line-height: 20px;
	  padding: 0 10px;
	  border-radius: 10px;
	  background: #d12f26;
	  color: #fff;
	  font-size: 14px;
	  font-family: arial;
	  width: auto;
}
.list_cnt_warp .number{ 
	right: 10px;
}

.list_cnt{height:32px;line-height:32px;border:1px solid #dbdbdb;border-left:none;border-right:none;padding-left:36px;background:#fff;position:relative;color:#333;font-size:14px;}
.list_cnt span{width:15px;height:11px;display:block;background:url(http://cdn.xsmore.com/Images/Common/btn_down.jpg) no-repeat;background-size:15px 11px;position:absolute;top:10px;left:10px;}
.list_cnt span.at{transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}

.se_list_cnt{width:100%;}
.se_list_cnt .list_cnt1{height:32px;line-height:32px;border-bottom:1px solid #dbdbdb;padding-left:49px;margin:0 10px;background:#fff;position:relative;color:#333;font-size:14px;}
.se_list_cnt .list_cnt1 span{width:15px;height:11px;display:block;background:url(http://cdn.xsmore.com/Images/Common/btn_down.jpg) no-repeat;background-size:15px 11px;position:absolute;top:10px;left:24px;}
.se_list_cnt .list_cnt1 span.at{transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}

.th_list_cnt{width:100%;}
.th_list_cnt .list_cnt2{height:32px;line-height:32px;border-bottom:1px solid #dbdbdb;padding-left:65px;margin:0 10px;background:#fff;position:relative;color:#333;font-size:14px;}
.th_list_cnt .list_cnt2 span{width:15px;height:11px;display:block;background:url(http://cdn.xsmore.com/Images/Common/btn_down.jpg) no-repeat;background-size:15px 11px;position:absolute;top:10px;left:39px;}
.th_list_cnt .list_cnt2 span.at{transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}

.fi_list_cnt{width:100%;}
.fi_list_cnt .list_cnt3{height:32px;line-height:32px;border-bottom:1px solid #dbdbdb;padding-left:81px;margin:0 10px;background:#fff;position:relative;color:#333;font-size:14px;}
.fi_list_cnt .list_cnt3 span{width:15px;height:11px;display:block;background:url(http://cdn.xsmore.com/Images/Common/btn_down.jpg) no-repeat;background-size:15px 11px;position:absolute;top:10px;left:55px;}
.fi_list_cnt .list_cnt3 span.at{transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}

.six_list_cnt{width:100%;}
.fi_list_cnt .list_cnt4{height:32px;line-height:32px;border-bottom:1px solid #dbdbdb;padding-left:97px;margin:0 10px;background:#fff;position:relative;color:#333;font-size:14px;}
.fi_list_cnt .list_cnt4 span{width:15px;height:11px;display:block;background:url(http://cdn.xsmore.com/Images/Common/btn_down.jpg) no-repeat;background-size:15px 11px;position:absolute;top:10px;left:71px;}
.fi_list_cnt .list_cnt4 span.at{transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}

/**提示*/
.dl-tips{ 
	margin: 10px;
	border: 1px solid #e4d08d;
	background: #fff3cb;
	border-radius: 6px;
	color: #cfa056;
	padding: 10px;
	font-size: 12px;
	line-height: 20px;
}


.icon-list{ 
	padding-top: 20px;
    border-top: 1px solid #ddd;
}
.icon-list .info{ 
	margin-bottom: 15px;
}
.icon-list .info .tit{ 
	float: left;
	width: 75px;
	text-align: right;
	font-size: 14px;
}
.icon-list .info .count{ 
	color: #bf1f16;
}
.icon-list .info .right{ 
	float: left;
	border-radius: 0 8px 8px 0;
	height: 16px;
	margin-left: 10px;
}
.icon-list .info .color1{ 
	background: #5b9fd9;
}
.icon-list .info .color2{ 
	background: #99b000;
}
.icon-list .info .color3{ 
	background: #e8b057;
}
.icon-list .info .color4{ 
	background: #898989;
}
.icon-list .info .color5{ 
	background: #e76886;
}
.icon-list .info .color6{ 
	background: #bf1f16;
}

.icon-list .info .number{ 
	float: left;
	text-align: left;
	width: 60px;
	height: 16px;
	line-height: 16px;
	margin-left: 5px;
}


/***回到顶部***/
.back-top{ 
	width: 50px;
	height: 50px;
	position: fixed;
	right: 10px;
	bottom: 50px;
    margin-bottom: 30px;
}
.back-top img{ 
	display: block;
	width: 100%;
}


/**loading**/
.loading{ 
	padding: 15px 0;
	text-align: center;
} 
.loading img{ 
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: -8px;
	margin-right: 5px;

	animation:round 1s 0s linear infinite both;
	-ms-animation:round 1s 0s linear infinite both;
	-moz-animation:round 1s 0s linear infinite both;
	-webkit-animation:round 1s 0s linear infinite both;
}


/***弹框***/
.pop-content{ 
	position: fixed;
	width:280px;
	height: 200px;
	left: 50%;
	top: 50%;
	margin-top: -100px;
	margin-left: -140px;
	border: 1px solid #ddd;
	background: #fff;
	z-index: 1;
}
.pop-content .title{ 
	position: relative;
	font-size: 16px;
	color: #818181;
	margin: 0 17px;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.pop-content .text{ 
	width: 246px;
	margin: 15px 17px 3px;
	padding: 10px;
	border: 1px solid #ddd;
}
.pop-content .tips{ 
	margin: 0 17px;
	font-size: 14px;
}
.pop-content .btn{ 
	text-align: center;
}
.pop-content .btn a{ 
	display: inline-block;
	width: 110px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border-radius: 4px;
	margin-top: 20px;
	font-size: 16px;
}
.pop-content .btn a.cancel{ 
	background: #e4e4e4;
	margin-right: 24px;
	color: #333;
}
.pop-content .btn a.sure{ 
	background: #c19235;
	color: #fff;
}


.pop-content-2{ 
	height: 180px;
	margin-top: -90px;
}
.pop-content-2 .close{ 
	position: absolute;
	right: 0;
	top: 6px;
	height: 25px;
	width: 25px;
	background: url(http://cdn.xsmore.com/Images/Common/close.png) no-repeat 0 0;
	background-size: 25px;
}
.pop-content-2 .btn a.sure{ 
	width: 264px;
}



.pop-content-3{ 
	height: 160px;
	margin-top: -80px;
}
.pop-content-3 .tips{ 
	padding: 0 10px;
	margin-top: 15px;
}


.footer-nav{
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 8px 0;
    max-width: 640px;
    background: #f8f8f8;
    border-top: 1px solid #ddd;
}
.footer-nav a{
    float: left;
    width: 25%;
    text-align: center;
    color: #666;
}
.footer-nav a img{
    display: block;
    width: 24%;
    margin: 0 auto 5px;
}
.footer-nav .link1-at{
	color: #f84443;
}



/*@keyframes round{ 
	0%   {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}
@-ms-keyframes round{ 
	0%   {-ms-transform:rotate(0deg);}
	100% {-ms-transform:rotate(360deg);}
}
@-moz-keyframes round{ 
	0%   {-moz-transform:rotate(0deg);}
	100% {-moz-transform:rotate(360deg);}
}
@-webkit-keyframes round{ 
	0%   {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}*/


/*有切换品牌的*/

.head-hasBack-fish{
    position: relative;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    background: #e53156;
    color: #fff;
}
.head-hasBack-fish .back{
    position: absolute;
    left: 15px;
    top: 11px;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 15px;
}
.head-hasBack-fish .back:before{
    content: "";
    position: absolute;
    left: 7px;
    top: 5px;
    width: 8px;
    height: 8px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.head-hasBack-fish .title{
    position: relative;
    display: inline-block;
    padding-right: 18px;
}
.head-hasBack-fish .title:after{
    content: "";
    position: absolute;
    right: 0;
    top: 20px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #fff;
}

.head-hasBack-fish .brand-tip{
    position: absolute;
    width: 200px;
    right: 0;
    top: 58px;
    margin-left: -100px;
    padding: 10px;
    border-radius: 10px;
    background: rgba(102,102,102,.7);
    z-index: 10;
}
.head-hasBack-fish .brand-tip .arrow{
    position: absolute;
    width: 0;
    height: 0;
    left: 172px;
    top: -16px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 16px solid rgba(102,102,102,0.5);
}
.head-hasBack-fish .brand-tip .brand-list li{
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.head-hasBack-fish .brand-tip .brand-list li a{
    color: #fff;
}
.head-hasBack-fish .brand-tip .brand-list li.at{
    background: #7a7a7a;
    color: #ff8799;
    border-radius: 6px;
}
.head-hasBack-fish .brand-tip .brand-list li.at a{
    color: #ff8799;
}
.head-hasBack-fish .head-hasBack-change{
    position: absolute;
    top: 5px;
    right: 10px;
    width: 36px;
    height: 36px;
    background: #c72345;
    font-size: 12px;
    line-height: 14px;
    padding: 4px;
    border-radius: 6px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.head-hasBack-fish-change .brand-tip{
    right: 0;
    margin-left: auto;
}
.head-hasBack-fish-change .brand-tip .arrow{
    left: 180px;
}
.head-hasBack-fish-change .title:after{
    display: none;
}
